@charset "utf-8";

/**** Base style ****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,header,footer{margin:0;padding:0;}
body,input,select,textarea,header,footer{color:#4f4f4f;font-family:'Malgun Gothic','맑은고딕',dotum,'dutom',sans-serif;font-size:14px; line-height:1em;}
body{background:#fff;-webkit-text-size-adjust:none;}
img,fieldset,button,iframe{border:0;}
img,input,select,textarea,button{vertical-align:middle;}
ul,ol,li{list-style:none;}
address,em,i{font-style:normal;}
h1,h2,h3,h4,h5 {font-size:1em;}
hr{display:none;}
a{color:#4f4f4f;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
input:focus{outline:none;}
input{vertical-align:middle;}
input[type="text"]{padding:3px; -webkit-appearance:none;-webkit-border-radius:0; border:1px solid #c4c4c4; border-radius:3px; color:#959595;}
input[type="password"]{padding:3px; -webkit-appearance:none;-webkit-border-radius:0; border:1px solid #c4c4c4; border-radius:3px; color:#959595;}
textarea {padding:3px; -webkit-appearance:none;-webkit-border-radius:0; border:1px solid #c4c4c4; border-radius:3px;}
input[type="checkbox"]{margin-top:-2px; background-color:transparent;-webkit-appearance:checkbox; }
input[type="radio"]{margin-top:-2px;}
button,label { cursor: pointer; font-family:'Malgun Gothic','맑은고딕',dotum,'dutom',sans-serif; background:none}
table { border-collapse: collapse; width: 100%; line-height: 1.2em;}
header,footer{display:block;}
.txt_hidden {display:none;}
.img_full {width:100%;}
select {background:#fff url('/mobile/resources/img/common/bul/bul_select.png') no-repeat right center; padding:0px 17px 0 6px; border-radius:3px; border: 1px solid #c4c4c4; height: 24px; color:#4f4f4f; font-size: 12px; line-height:20px;; -webkit-box-shadow: 1px 1px 0 #f2f2f2; -webkit-appearance: none;}
hr.separator {display:block; margin:20px 0; padding:0; border:0; height:2px; background:url('/mobile/resources/img/common/bg_line.png') repeat-x 0 0}

/* layout */
#wrap {position:relative; min-width: 320px; background:#f5f5f5;}
#header .head_area {position:relative; height:37px; border-bottom:2px solid #ed2000; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), to(#e9e9e9)); overflow:hidden;}
#header .head_area h1.logo {width:86px; height:22px; margin:7px auto; background:url('/mobile/resources/img/common/logo.png') no-repeat 0 0; background-size:100% 100%;}
#header .head_area h1.logo a {display:block; height:100%;}
#header .head_area h1.title {width:100%; text-align:center; font-size:18px; line-height:37px; color:#ed2000; font-weight:bold; text-shadow:1px 1px 1px #aaa}
#header .head_area h1.title .user_shelf_more {color:#ed2000;}
#header .head_area h1.title .user_shelf_more .txt_hidden {display:inline-block; width:18px; height:18px; margin-top:-3px; font-size:0; line-height:0; text-indent:-9999px;  background:url('/mobile/resources/img/common/btn/btn_shelf.png') no-repeat 0 0; vertical-align:middle; background-size:100% 100%; }
#header .head_area h1.title .user_shelf_more.on .txt_hidden {background:url('/mobile/resources/img/common/btn/btn_shelf_on.png') no-repeat 0 0;}
#header .head_area .btn_top_search {position:absolute; left:10px; top:5px; width:44px; height:27px; background:url('/mobile/resources/img/common/btn/btn_search.png') no-repeat 0 0; background-size:100% auto;}
#header .head_area .btn_top_search.on {background:url('/mobile/resources/img/common/btn/btn_search.png') no-repeat 0 -28px;}
#header .head_area .btn_top_sitemap {position:absolute; right:10px; top:5px; width:44px; height:28px; background:url('/mobile/resources/img/common/btn/btn_sitemap.png') no-repeat 0 0; background-size:100% 100%;}
#header .search_area {display:none; padding:5px 10px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), to(#e9e9e9)); border-bottom:1px solid #ddd;}
#header .search_area.on {display:block;}
#header .search_area .search_box {position:relative; width:100%;overflow:hidden;}
#header .search_area .search_box .text_box {position:relative; margin-right:60px; height:30px;  border:1px solid #bbbbbb; border-radius:5px 0 0 5px; border-right:0;  background:#fff;  box-shadow: inset  3px 3px 3px 0 #ececec;}
#header .search_area .search_box .type_text {width:85%; padding:3px 5px;border:0; background:none;}
#header .search_area .search_box .btn_text_del {position:absolute; right:6px; top:5px; width:21px; height:21px; background:url('/mobile/resources/img/common/ico_img.png') no-repeat 0 -19px}
#header .search_area .btn_search {position:absolute; right:0; top:0; width:60px; height:32px; border:1px solid #d12814; border-radius:0 5px 5px 0; background:#ef4c38; font-size:1.1em; color:#fff; line-height:auto;  text-shadow:1px 1px 1px #d73424}

/* gnb*/
#header .nav_area .main_nav {width:100%; overflow:hidden; background:url('/mobile/resources/img/common/bg_red.png') repeat-x 0 0;}
#header .nav_area .main_nav li {float:left;width:25%;}
#header .nav_area .main_nav a {display:block; padding:13px 0; font-size:0.9em; text-align:center; background:url('/mobile/resources/img/common/bg_red.png') repeat-x 0 0; background-size:auto 100%;  border-right:1px solid #9a1500; color:#fff; text-shadow:1px 1px 1px #000}
#header .nav_area .main_nav li:last-child a {border:0;}
#header .nav_area .main_nav a:active, .nav_area .main_nav a.active { background:url('/mobile/resources/img/common/bg_red_on.png') repeat 0 0}
#header .nav_area .main_nav li.on a { background:url('/mobile/resources/img/common/bg_red_on.png') repeat 0 0}
/* fulldown navigation */
#header .nav_area .sub_nav_list {position:relative; width:100%; border-top:1px solid #9a1500;  border-bottom:1px solid #9a1500;}
#header .nav_area .sub_nav_list ul {height:27px; padding-right:24px; border-left:1px solid #9a1500; overflow:hidden; background:#ea3720;}
#header .nav_area .sub_nav_list ul li {float:left; width:25%; text-align:center; }
#header .nav_area .sub_nav_list ul li a {display:block; height:27px; line-height:25px; font-size:0.92em; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e83119), to(#c00d02)); border-right:1px solid #9a1500; border-bottom:1px solid #9a1500; color:#fff; text-shadow:1px 1px 1px #000; font-weight:bold;}
#header .nav_area .sub_nav_list ul li.none span {display:block; height:27px; line-height:25px; font-size:0.92em; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e83119), to(#c00d02)); border-right:1px solid #9a1500; border-bottom:1px solid #9a1500; color:#fff; text-shadow:1px 1px 1px #000; font-weight:bold;}
#header .nav_area .sub_nav_list ul li.on a {background:#a82413;}
#header .nav_area .sub_nav_list ul li.on a:active, #header .nav_area .sub_nav_list ul li.on a.active  {background:#a82413;}
#header .nav_area .sub_nav_list .btn_full {position:absolute; right:0; top:0; width:23px; height:27px; border-right:1px solid #9a1500; background:#ea3720; }
#header .nav_area .sub_nav_list .btn_full span {display:block; width:11px; height:6px; font-size:0; line-height:0; margin:0 auto; text-indent:-9999px; background:url('/mobile/resources/img/common/bul/bul_menu_full.png') no-repeat 0 bottom}
#header .nav_area .sub_nav_list.on ul {height:55px;}
#header .nav_area .sub_nav_list.on .btn_full {height:55px}
#header .nav_area .sub_nav_list.on .btn_full span {background:url('/mobile/resources/img/common/bul/bul_menu_full.png') no-repeat 0 0}
/* 내서재 내정보 */
#header .user_shelf_area {display:none; position:relative; padding:10px;}
#header .user_shelf_area {background-image: url('/mobile/resources/img/common/bg_gradation.png'), url('/mobile/resources/img/common/bg_pattern_2.png'); background-position: 0 0, 0 0; background-repeat: repeat-x, repeat;}
#header .user_shelf_area.on {display:block;}
#header .user_shelf_area .item_img {float:left; width:52px; height:52px;}
#header .user_shelf_area .item_img img {width:52px;  height:52px;}
#header .user_shelf_area .item_info {padding:0 0 0 62px; color:#d3d3d3;}
#header .user_shelf_area .item_info strong {color:#ebebeb;}
#header .user_shelf_area .item_info p {padding:5px 0 15px;}
#header .user_shelf_area table {text-align:center; font-size:0.86em;}
#header .user_shelf_area table th {width:25%; border:1px solid #d7d7d7; background:#c6c6c6; font-weight:normal; color:#4f4f4f;}
#header .user_shelf_area table td {border:1px solid #d7d7d7; background:#646465; color:#ebebeb;}
#header .user_shelf_area .item_friend_add {position:absolute; right:10px; top:12px; font-size:0.8em;}
/**/
#pop_area .now_pop_book {padding:10px 0; width:100%; font-size:0.9em; overflow:hidden; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d0d0d0), to(#f1f1f1));}
#pop_area .now_pop_book h4 {position:relative; float:left; width:115px; text-align:center; font-weight:bold; color:#5b4733;}
#pop_area .now_pop_book h4 span {position:absolute; right:0; top:1px; display:inline-block; width:1px; height:13px; margin-left:10px; background:#aaa; }
#pop_area .now_pop_book p {padding:0 0 0 130px;}

#body {padding:0;}
#body .content {padding:0 10px;}
#body .section {padding:15px 10px; border-bottom:1px solid #cbcbcb; box-shadow:1px 1px 0 0 #fff;}
#body .section .title_box {padding:0;}
#body .section .book_list {padding:0;}
#body.body_type_2 {padding-top:10px} 
#body .data_none {height:160px; padding-top:100px; text-align:center; font-weight:bold;  line-height:1.4em;}
#body .data_none_2 {padding:30px 0; text-align:center; line-height:1.4em;}
#footer {width:100%; padding-bottom:10px; border-top:1px solid #ed2000; background:#f1f1f1; font-size:0.85em;}
#footer .foot_link_1 {padding:6px 0; text-align:center; color:#b7b7b7;  background:#e1e1e1; border-bottom:1px solid #d7d7d7;}
#footer .foot_link_1 a {display:inline-block; padding:0 5px; line-height:25px; height:25px; color:#555555; font-weight:bold;}
#footer .foot_link_1 .btn_foot {font-size:0.86em; font-weight:normal; border:1px solid #b7b7b7; border-radius:3px; }
#footer .foot_link_1 .btn_top {padding:0 5px 0 15px; background:#fff url('/mobile/resources/img/common/bul/bul_foot_top.png') no-repeat 5px 8px;}
#footer .foot_link_1 .btn_left {padding:0 5px 0 13px; background:#fff url('/mobile/resources/img/common/bul/bul_foot_left.png') no-repeat 5px 8px}

#footer .foot_link_2 {width:320px; margin:10px auto 0; overflow:hidden;}
#footer .foot_link_2 li {float:left; width:25%; padding-bottom:3px;}
#footer .foot_link_2 a {display:block; width:85%; margin:0 auto;  line-height:31px; text-align:center; border:1px solid #c2c2c2; border-radius:3px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), to(#e2e2e2)); box-shadow: 2px 2px 2px #e5e5e5; color:#7d7d7d;} 
#footer .foot_link_3 {padding:16px 0; text-align:center; color:#c2c2c2;}
#footer .foot_link_3 a {display:inline-block; margin:0 7px; color:#7d7d7d}
#footer .foot_copy {text-align:center; font-size:0.8em; color:#999}

/* common */
.t_ivory {color:#ae914f !important;}
.t_orange {color:#ea402a !important;}
.t_gray {color:#4f4f4f !important;}
.t_gray_2 {color:#959595  !important;}
.t_blue {color:#087dc2 !important;}
.t_black {color:#070707 !important;}
.t_green {color:#628679 !important;}
.t_brown {color:#74512f !important;}
.t_red {color:#ea402a !important}
.s_txt {font-size:0.92em !important;}
.s_txt_2 {font-size:0.86em !important;}
.s_txt_3 {font-size:0.79em !important;}
.l_txt {font-size:1.1em;}
.b_txt {font-weight:bold !important;}
.n_txt {font-weight:normal !important;}
.f_left {float:left;}
.f_right {float:right;}
.over_h {width:100%; overflow:hidden;}
.mb_0 {margin-bottom:0 !important;}
.mb_3 {margin-bottom:3px !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_20 {margin-bottom:20px !important;}
.mt_3 {margin-top:3px !important;}
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mr_5 {margin-right:5px !important;}
.mr_28 {margin-right:28px !important;}

.pb_5 {padding-bottom:5px !important;}
.btn_mid {margin-top:-5px;}

.t_left {text-align:left !important; }
.t_center {text-align:center !important;}
.t_right {text-align:right !important;}


.box_a_st {margin:0 10px 35px}
.box_b_st {margin:0 10px;}

/* 공통아이콘 */
.ico_circle {display:inline-block; width:2px; height:2px; background:url('/mobile/resources/img/common/ico_img.png') no-repeat 0 -141px;}

 /* 공통버튼 */
.btn_group {padding-bottom:20px; text-align:center;}
.btn_group_2 {padding:10px; text-align:right;}
.btn_group_2:after {content:" "; display:block; clear:both;}
.btn.fixed {padding:0; width:100px; }
.btn_group .btn {line-height:27px; }
.btn {display:inline-block; padding:0 6px; line-height:24px; font-weight:bold; font-size:0.92em; border-radius:5px; }
.btn.type_s {line-height:20px; padding:0 5px; font-size:0.92em;}
.btn.type_s_2 {line-height:20px; padding:0 5px; font-size:0.86em; font-weight:normal;}

.btn.btn_a_st {color:#fff; background:url('/mobile/resources/img/common/btn/bg_black.png') repeat-x 0 0; background-size:100% 100%; border:1px solid #363636; }
.btn.btn_b_st {color:#fff; background:url('/mobile/resources/img/common/btn/bg_red.png') repeat-x 0 0; background-size:100% 100%; border:1px solid #ca1b00; }
.btn.btn_c_st {color:#4f4f4f; background:url('/mobile/resources/img/common/btn/bg_gray.png') repeat-x 0 0; background-size:100% 100%; border:1px solid #959595;}
.btn.btn_d_st {color:#7d7d7d; background:#fff; background-size:100% 100%; border:1px solid #b7b7b7;}
.btn.btn_e_st {padding:0 4px; height:20px; line-height:20px; color:#fff; background:#4e8a6d; background-size:100% 100%; border:1px solid #4e8a6d; font-weight:normal; font-size:12px !important; border-radius:2px;}
.btn.btn_s_st {color:#7d7d7d; background:#fff; background-size:100% 100%; border:1px solid #b7b7b7; font-weight:normal; font-size:12px;}



.btn_remove {display:inline-block; width:10px; height:8px; background:url('/mobile/resources/img/common/btn/btn_delete_2.png') no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; background-size:100% 100%;}
.btn_remove_2 {display:inline-block; width:20px; height:20px; background:url('/mobile/resources/img/common/btn/btn_delete.png') no-repeat 0 0; background-size:100% 100%;}
.top_btns {padding:10px; border-bottom:1px solid #d7d7d7; margin-bottom:10px;}
.top_btns:after {content:" "; display:block; clear:both;}

/* 공통 아이콘 */
.ico {display:inline-block; font-size:0; line-height:0; vertical-align:middle; text-indent:-9999px;}
.ico.ico_point { width: 24px; height: 14px; background: url(/mobile/resources/img/common/ico/ico_point.gif) no-repeat;}
.ico.ico_coupon { width: 24px; height: 14px; background: url(/mobile/resources/img/common/ico/ico_coupon.gif) no-repeat;}
.ico.ico_facebook {width:22px; height:22px; background: url(/mobile/resources/img/common/ico/ico_facebook.png) no-repeat; background-size:100% 100% }
.ico.ico_twitter {width:22px; height:22px; background: url(/mobile/resources/img/common/ico/ico_twitter.png) no-repeat; background-size:100% 100% }
.ico_n {display:inline-block; width:75px; height:19px; font-size:0; line-height:0; vertical-align:middle; text-indent:-9999px;}
.ico_n.ico_n_ododoc {background: url(/mobile/resources/img/common/ico/ico_n_ododoc.png) no-repeat; background-size:100% 100% }
.ico_n.ico_n_facebook {background: url(/mobile/resources/img/common/ico/ico_n_facebook.png) no-repeat; background-size:100% 100% }
.ico_n.ico_n_twitter {background: url(/mobile/resources/img/common/ico/ico_n_twitter.png) no-repeat; background-size:100% 100% }
.ico.ico_pass_step {width:34px; height:20px; background: url(/mobile/resources/img/common/ico/ico_pass_step.png) no-repeat; }
.ico.ico_pass_step.step_1 {background-position:0 0;}
.ico.ico_pass_step.step_2 {background-position:0 -20px}
.ico.ico_pass_step.step_3 {background-position:0 -40px}
.ico.ico_pass_step.step_4 {background-position:0 -60px}

/*일반 텍스트 박스 */
.txt_box {padding:0 10px 20px;}
.txt_box:after {content:""; display:block; clear:both;}
.txt_box_2 {padding:0 0 20px;}

/* 일반 박스 */
.inner_box {padding:0 10px;}

/* 텍스트 리스트 */
.txt_list {padding:0 10px 35px; font-size:12px;}
.txt_list li {padding:0 0 3px 10px; text-indent:-12px; }

/* 책이미지 */
.book_img {position:relative; float:left; width:62px;}
.book_img .ico_special {position:absolute; left:0; top:0; font-size:0.7em; width:10px; height:10px; overflow:hidden;}
.book_img .ico_special_1 {background:red;}
.book_img .ico_special_2 {background:yellow;}
.book_img .ico_special_3 {background:blue;}
.book_img .ico_os {position:absolute; left:0; top:0; margin:-5px 0 0 -5px; width:23px; height:23px; background-size:100% 100%; font-size:0; line-height:0; text-indent:-9999px; }
.book_img .ico_android {background:url('/mobile/resources/img/common/ico/ico_android.png') no-repeat 0 0}
.book_img .ico_ios {background:url('/mobile/resources/img/common/ico/ico_ios.png') no-repeat 0 0}
.book_img img {display:block; border:1px solid #818181; width:60px; height:87px;}
.book_img .book_img_preview {display:block; width:50px; height:20px; margin:5px auto 0; line-height:20px; font-size:0.72em; border:1px solid #b7b7b7; border-radius:4px; color:#7d7d7d; text-align:center;}
.book_mini_view {width:100%; margin-bottom:5px; overflow:hidden}

/* 사용자 이미지 */
.user_img {display:block; margin:0 auto; width:63px; height:58px; border:1px solid #7b7b7b; background:url('/mobile/resources/img/common/bg_user.png') no-repeat 0 0; background-size:100%; background-size:100%;}
.user_img img {display:inline-block; width:63px; height:58px;} 
.user_name {display:block; height:15px; font-size:12px; font-weight:bold;}
.user_birth {display:block; height:15px; padding-top:2px; color:#087dc2;  font-size:12px;}

/* 책 아이콘 */
div.book_icon {padding:2px 0 8px; 	font-size:10px; line-height:10px; }
div.book_icon span {display:inline-block; padding-left:3px; height:14px; overflow:hidden;}
div.book_icon span em {display:inline-block; padding:2px 3px 0 0; height:12px;  font-style:normal; color:#fff}
div.book_icon span.ic_red {background:url('/mobile/resources/img/common/ico/ico_book_1.png') no-repeat 0 0;}
div.book_icon span.ic_red em {background:url('/mobile/resources/img/common/ico/ico_book_1.png') no-repeat right 0;  }
div.book_icon span.ic_org {background:#fff url('/mobile/resources/img/common/ico/ico_book_2.png') no-repeat 0 0; }
div.book_icon span.ic_org em {background:url('/mobile/resources/img/common/ico/ico_book_2.png') no-repeat right 0;}
div.book_icon span.ic_grn {background:#fff url('/mobile/resources/img/common/ico/ico_book_3.png') no-repeat 0 0; }
div.book_icon span.ic_grn em {background:url('/mobile/resources/img/common/ico/ico_book_3.png') no-repeat right 0;}
div.book_icon span.ic_blu {background:#fff url('/mobile/resources/img/common/ico/ico_book_4.png') no-repeat 0 0; }
div.book_icon span.ic_blu em {background:url('/mobile/resources/img/common/ico/ico_book_4.png') no-repeat right 0;}

/* 적립금 및 쿠폰*/
div.book_coupons {padding:0 0 8px 70px;}
div.book_coupons span {font-weight:bold;}

/* 책정보 */
.book_info {padding-left:70px;  line-height:1.2em; }
.book_info dt {padding:0 0 5px;}
.book_info dt a {color:#000; font-size:1.071em; font-weight:bold;}
.book_info dt.book_theme a, .book_info dt.book_theme {font-weight:normal; font-size:1em; color:#2d7593;} 
.book_info dt.book_theme span.ico_blue {display:inline-block; padding:0 3px; margin-right:3px; height:18px; line-height:18px; background:#2d7593; border-radius:3px; color:#fff; font-size:0.92em;}
.book_info dt.book_rec a, .book_info dt.book_rec {font-weight:normal; font-size:1em; color:#b27448;} 
.book_info dt.book_rec span.ico_ivory {display:inline-block; padding:0 3px; margin-right:3px; height:18px; line-height:18px; background:#b27448; border-radius:3px; color:#fff; font-size:0.92em;}
.book_info dd {margin-bottom:5px;}
.book_info .book_writer  {position:relative; padding-bottom:8px; font-size:0.86em; line-height:0.86em; color:#c4c4c4}
.book_info .book_writer span {color:#959595;}
.book_info .book_writer .btn_friend_add {display:inline-block; width:14px; height:14px; margin-top:-5px; margin-right:5px; background:url('/mobile/resources/img/common/btn/btn_friend_add.png') no-repeat 0 0; background-size:100% 100%; }
.book_info .book_writer .btn_delete {display:inline-block; width:14px; height:14px; margin-left:3px; background:url('/mobile/resources/img/common/btn/btn_setting.png') no-repeat 0 0; background-size:100% 100%; }
.book_info .book_writer .book_social {position:absolute; right:0; top:0;}
.book_info .book_detail {}
.book_info .book_con {display:inline-block; padding-bottom:3px; line-height:1.3em;}
.book_info .book_app {padding-bottom:5px; font-size:0.86em; color:#959595;}
.book_info .book_memo {padding:5px 5px 5px 18px;; background:#ededed url('/mobile/resources/img/common/bul/bul_memo.png') no-repeat 5px 8px; font-size:0.92em; line-height:1.3em;}
.book_info .book_memo:after {content:" "; display:block; clear:both;}
.book_info .book_underline {padding:5px; background:#ededed; font-size:0.92em; line-height:1.3em;}
.book_info .book_underline a {color:#6d6e71;}
.book_info .book_mark {padding:5px; background:#ededed; font-size:0.92em; line-height:1.3em;}
.book_info .book_mark a {color:#6d6e71;}
.book_info .book_reply {padding:5px; background:#e4e4e4; font-size:0.92em; line-height:1.3em;}
.book_info .book_last_date {font-size:0.786em;}
.book_info .book_graph {padding-top:10px;font-size:0.92em; font-weight:bold; color:#1f5eb5;}
.book_info .book_graph span.graph_box {display:inline-block; width:105px; height:7px; margin-right:5px; background:url('/mobile/resources/img/common/bul/bul_graph.png') no-repeat 0 0;  background-size:100% auto ; overflow:hidden;}
.book_info .book_graph span.graph_box strong {float:left; display:inline-block; height:7px;  background:url('/mobile/resources/img/common/bul/bul_graph.png') no-repeat 0 bottom;  background-size:105px auto ; }
.book_info .book_graph p {padding-bottom:3px; color:#4f4f4f;}
.book_info .book_price {padding-bottom:8px; font-size:0.9em; line-height:0.9em;}
.book_info .book_price span.icons{margin:-2px 0 0 3px;}
.book_info .book_price span.old { text-decoration: line-through; font-weight:bold; font-size:0.9em;}
.book_info .book_price span.now { display: inline-block; color: #f1592a; font-size: 1.2em; font-weight: bold;}
.book_info .book_price span.off { font-weight: normal; font-size:0.8em !important;}
.book_info .book_price span.point { display: inline-block; color: #ae904f; font-size:0.9em;}
.book_info .book_price span.coupon { display: inline-block; color: #73958a; margin-left: 5px; font-size:0.9em;}
.book_info .book_price span em { display: inline-block; margin-top:-3px; text-indent: -999px; overflow: hidden; vertical-align: middle; font-size:0; line-height:0;}
.book_info .book_price span.off em { width: 7px; height: 8px; background: url(/mobile/resources/img/common/ico/ico_dis.gif) no-repeat;}
.book_info .book_price span.point em { width: 24px; height: 14px; background: url(/mobile/resources/img/common/ico/ico_point.gif) no-repeat;}
.book_info .book_price span.coupon em { width: 24px; height: 14px; background: url(/mobile/resources/img/common/ico/ico_coupon.gif) no-repeat;}
.book_info .book_btns {padding:5px 0;}
.book_info .book_btns button {margin-right:3px; }
.book_info dd:last-child.book_btns {padding-bottom:0; margin-bottom:0;}
.book_info .book_links {color:#d7d7d7; font-size:0.86em;}
.book_info .book_links a {display:inline-block; margin:0 4px}
.book_info .book_links a:first-child {margin-left:0}
.book_info .book_log {padding:3px 0 10px; font-weight:bold; line-height:1.4em;}
.book_info .reading_status {font-size:0.9em; line-height: 1.4em;}
.book_info dd .body {display:none;}
.book_info dd .som {display:inline;}
.book_info dd .btn_cont_more {float:right; display:inline-block; padding:2px 0 1px 7px; margin-left:5px; font-size:11px; padding-bottom:2px; color:#ae904f; text-decoration:underline; background:url('/mobile/resources/img/common/bul/bul_plus_2.png') no-repeat 0 center;}
.book_info dd.on .body {display:inline;}
.book_info dd.on .sum {display:none;}
.book_info dd.on .btn_cont_more {background:url('/mobile/resources/img/common/bul/bul_minus_2.png') no-repeat 0 center;}


/* 정렬 */
.sort_area {padding:10px 10px 5px;}
.sort_area.type_2 {padding:5px 10px 10px; border-bottom:1px solid #cbcbcb; box-shadow:1px 1px 0 0 #fff;}
.sort_area:after {content:" "; display:block; clear:both;}
.sort_area .sort_type {float:left}
.sort_area .sort_type .btn {border:1px solid #b7b7b7; font-size:0.92em;}
.sort_area .sort_type .btn span {display:inline-block; width:10px; height:10px; margin:-2px 5px 0 0; vertical-align:middle;}
.sort_area .sort_type .ico_img {background:url('/mobile/resources/img/common/ico/ico_img.png') no-repeat 0 0}
.sort_area .sort_type .ico_list {background:url('/mobile/resources/img/common/ico/ico_list.png') no-repeat 0 0}
.sort_area .sort_type .btn.on {border:1px solid #fda296; color:#ea402a;}
.sort_area .sort_type .btn.on span {background-position:right 0 }
.sort_area select {float:right;}

/* 독서현황 */
.read_status_list {width:100%; font-weight:bold;}
.read_status_list th {padding:8px 10px; text-align:left; border-bottom:1px solid #d7d7d7;}
.read_status_list td {padding:8px 10px; text-align:right; border-bottom:1px solid #d7d7d7; color:#087dc2;}

/* 책리스트 가로형 */
.book_list_landscape {width:300px; margin:0 auto; overflow:hidden;}
.book_list_landscape li {float:left; width:100px; text-align:center; overflow:hidden;}
.book_list_landscape li a {display:block;}
.book_list_landscape li .book_img {display:block; float:none; margin:0 auto; padding-bottom:5px;} 
.book_list_landscape li .book_title {display:block; color:#070707;  font-size:0.92em;} 
.book_list_landscape li .book_author { font-size:0.86em; color:#c4c4c4}
.book_list_landscape.check_list {width:300px; margin:5px 0 0 5px;}
.book_list_landscape.check_list * {vertical-align:top; }
.book_list_landscape.check_list li {padding:2px 0 20px;}
.book_list_landscape.check_list .book_img {display:inline-block;}

/* 책리스트 기본 세로형 */
.book_list {padding:0 10px 10px;}
.book_list li:after {content:" "; display:block; clear:both;}
.book_list li:last-child {border-bottom:0}
.book_list li:first-child {padding-top:10px}
.book_list li {padding:20px 0 10px; border-bottom:1px dotted #dedede;}
.book_list li div.book_icon {padding-left:70px;}
.book_list li .book_summary {clear:both; width:100%; padding:10px 0; line-height:1.2em; }

.book_list.no_img .book_info {padding-left:0;}

/* 테마리스트 */
.book_list.theme_list {}
.book_list.theme_list .book_info {padding:10px 10px 0;}

/* 책 체크리스트 */
.book_list.check_list .book_info {padding-left:95px;} 
.book_list.check_list .book_check {float:left; margin-right:5px;}

/* 테마 */
.theme_box {padding:10px; border-bottom:1px solid #cbcbcb; box-shadow:1px 1px 0 0 #fff;}
.theme_box .book_list {padding:10px 10px 5px; background:#ededed;}
 
/* 책 한개의 아이템 */
.book_box_one {position:relative; padding:10px; margin-bottom:20px; border-bottom:1px solid #cbcbcb; background:url('/mobile/resources/img/common/bg_pattern_1.png') repeat ; overflow:hidden; box-shadow:1px 1px 0 0 #fff;}
.book_box_one:after {content:" "; display:block; clear:both;}
.book_box_one.b_none {border-bottom:0;}
.book_box_one table {}
.book_box_one .btn_remove {position:absolute; right:15px; top:18px;}
.book_box_one.type_cart {background:#eaf1ef; border-top:1px solid #b8cfc8; border-bottom:1px solid #b8cfc8; box-shadow:none;}

/* 책검색 */
.book_search {padding:10px;}
.book_result_none {padding:70px 0; text-align:center; font-weight:bold; }


/* 리뷰 리스트 */
.review_list {padding:0 10px 35px;}
.review_list li {padding:10px 0;}
.review_list .book_info {padding-left:0;}

/* 리뷰 쓰기 */
.review_write {padding:0 10px; font-size:0.86em;}
.review_write p {padding-bottom:5px; line-height:1.4em; } 
.review_write textarea {dispaly:block; width:99%; height:100px; margin-bottom:5px;}
.review_write .sns {padding:0 10px; height:35px; line-height:35px; border:1px solid #c4c4c4; border-radius:8px; margin-bottom:20px; overflow:hidden; background:#e5e5e5;}
.review_write .sns:after {content:" "; display:block; clear:both;}
.review_write .sns label {margin-left:10px;}

/* 북로그 */
.book_log_list {padding:0 10px 35px;}
.book_log_list li {padding:10px 0; border-bottom:1px dotted #dedede; font-weight:bold;}
.book_log_list li p {padding-top:10px; font-size:0.86em;}
.book_log_list li p span {color:#959595}

/* 친구리스트 */
.friend_list {width:100%; margin-bottom:20px;}
.friend_list:after {content:" "; display:block; clear:both;}
.friend_list li {float:left; width:25%; padding-bottom:10px; text-align:center;}
.friend_list li a {display:block; text-align:center;}

/* 쿠폰 이미지 */
.coupon_box {display:block; width:103px; height:72px; background:url('/mobile/resources/img/common/bg_coupon.png') no-repeat 0 0; background-size:100% 100%; font-size:0.86em; color:#070707; font-weight:bold; text-align:center;}
.coupon_box a {display:block; width:103px; height:29px; padding-top:43px; }
.coupon_info dt {padding:5px 0; color:#070707; font-weight:bold;}
.coupon_info dd {color:#959595; font-size:0.8em;}
.coupon_info dd.item_btn {padding-top:5px; font-size:1em;}

.get_coupon_list {margin:10px; }
.get_coupon_list li:after {content:" "; display:block; clear:both;}
.get_coupon_list li {padding:10px 0;}
.get_coupon_list li .coupon_box {float:left;}
.get_coupon_list li dl {padding-left:100px;}
.get_coupon_list li:after {content:" "; display:block; clear:both;}
.get_coupon_list li .btn {float:right; margin:10px 10px 0 0;}

/* 책상세정보 */
.book_detail {position:relative; padding:10px;}
.book_detail .book_social {position:absolute; right:10px; top:33px;}
.book_detail .book_social a {margin-left:5px;}
.book_detail .book_info.detail_title {margin:0 -10px 10px -10px; padding:0 10px; border-bottom:1px solid #d7d7d7}
.book_detail .book_info.detail_price {padding:0 0 20px 70px;}
.book_detail .book_info.detail_price .book_price li {padding:4px 0 0 5px; min-height:20px; background:url('/mobile/resources/img/common/bul/bul_circle.gif') no-repeat 0 11px; font-weight:bold; font-size:14px; line-height:1.4em;}
.book_detail .book_info.detail_price .book_price li em {font-weight:normal; font-size:12px;}
.book_detail .book_info.detail_price .book_price li.bg_none {background:none; padding-left:0;}
.book_detail .book_info.detail_price .book_price li.fixed_coupon_info {padding:4px 0 0 5px; margin:0; border:0}   
.book_detail .book_info.detail_price .book_price .btn_get_coupon {line-height:20px; padding:0 4px 0 13px;font-weight:normal; color:#fff; border:1px solid #61867a; border-radius:5px; font-size:12px; background:#68a692 url('/mobile/resources/img/common/bul/bul_arrow_2.png') no-repeat 5px 5px;}
.book_detail .book_info.detail_price .book_price .btn_coupon_extension {line-height:20px; padding:0 4px 0 13px;font-weight:normal; color:#fff; border:1px solid #087dc2; border-radius:5px; font-size:12px; background:#2f9dde url('/mobile/resources/img/common/bul/bul_arrow_2.png') no-repeat 5px 5px;}
.book_detail .book_info.detail_price:after {content:" "; display:block; clear:both;}
.book_detail .book_use_alert {margin-bottom:20px; border:1px solid #d7d7d7; background:#e5e5e5; border-radius:8px; line-height:1.4em; font-size:0.92em;}
.book_detail .book_use_alert .btn {font-size:14px;}
.book_detail .book_use_alert p {padding:10px;}
.book_detail .book_use_alert p:first-child {background:#efefef;}
.book_detail .book_use_alert .btn_a_st {margin:0 0 10px 10px;}
.book_detail_cont {padding:5px 10px 0; line-height:1.5em; }
.book_detail_cont div.title_box {padding:15px 0 0; border-top:1px dotted #dedede;}
.book_detail_cont div.title_box:first-child {padding:0; border:0}
.book_detail_cont div.title_box h4 {color:#ae904f;}
.book_detail_cont .item_cont {margin:0 5px 19px; font-size:0.92em; overflow:hidden;}
.book_detail_cont .item_cont.item_more {height:60px; }
.book_detail_cont .item_cont.item_more.on {height:auto;}
.book_detail_cont .board_a_type {margin-bottom:20px;}
.book_detail_links {border-top:1px solid #d7d7d7; }
.book_detail_links li {border-bottom:1px solid #d7d7d7; background:-webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#cecece))}
.book_detail_links li a {display:block; padding:0 27px 0 10px; height:40px; line-height:40px; color:#4f4f4f; background:url('/mobile/resources/img/common/bul/bul_arrow.png') no-repeat 95% center;;}
.book_detail_links li a strong {display:inline-block; padding-left:31px; height:40px;}
.book_detail_links li.item_detail strong {background:url('/mobile/resources/img/common/ico/ico_book_link_1.png') no-repeat 0 center}
.book_detail_links li.item_note strong {background:url('/mobile/resources/img/common/ico/ico_book_link_2.png') no-repeat 0 center}
.book_detail_links li.item_review strong {background:url('/mobile/resources/img/common/ico/ico_book_link_3.png') no-repeat 0 center}
.book_detail_links li.item_log strong {background:url('/mobile/resources/img/common/ico/ico_book_link_4.png') no-repeat 0 center}
.book_detail_links li.item_friend strong {background:url('/mobile/resources/img/common/ico/ico_book_link_5.png') no-repeat 0 center}

.book_detail.line {margin-bottom:20px; border-bottom:1px solid #cbcbcb; box-shadow:1px 1px 0 0 #fff;}
.book_detail.line .book_info.detail_price {padding:0 0 0 70px;}


/*페이징*/
.paging {padding:20px 0;text-align:center;white-space:nowrap;}
.paging a {display:inline-block;width:26px;height:26px;line-height:26px;margin-right:3px;border:1px solid #ddd;background-color:#fff;color:#959595;font-size:0.85em;text-align:center;vertical-align:middle;}
.paging strong {display:inline-block;width:26px;height:26px;line-height:26px;margin-right:3px;border:1px solid #dddddd;background-color:#eaeaea;color:#949494;font-size:0.85em;text-align:center;vertical-align:middle;font-weight:bold;}

/*더보기*/
.paging_more {padding:0 10px 20px;}
.paging_more a, .paging_more button {display:block; width:100%; margin-left:-1px; padding:15px 0; text-align:center; color:#4f4f4f; font-weight:bold;  background:#e7e7e7; background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#d8d8d8)); border:1px solid #b7b7b7; border-radius:3px;} 

/*정액권*/
.fixed_coupon_info {padding:10px; margin-bottom:35px; font-size:0.92em; line-height:1.4em; border:1px solid #d7d7d7; border-radius:8px; background:#efefef;}
.fixed_coupon_info:after {content:" "; display:block; clear:both;}
.fixed_coupon_info table {margin:5px 0;  font-weight:normal; background:#fff;}
.fixed_coupon_info table td {padding:3px; border:1px solid #ddd;}
.fixed_coupon_info .btn_a_st {margin:10px 0 0; font-size:1.1em;}


.ticket_info {padding:10px; margin-bottom:5px; border-bottom:1px solid #cbcbcb; background:url('/mobile/resources/img/common/bg_pattern_1.png') repeat ; overflow:hidden; box-shadow:1px 1px 0 0 #fff;}
.ticket_info:after {content:" "; display:block; clear:both;}
.ticket_info .coupon_img {float:left; width:103px; margin-left:-10px; text-align:center;}
.ticket_info dl.coupon_detail {padding-left:96px;}
.ticket_info .coupon_detail dt {color:#070707; margin-bottom:10px; font-weight:bold;}
.ticket_info .coupon_detail dd {margin-bottom:3px; color:#4f4f4f; font-size:0.90em}
.ticket_info .coupon_detail dd .t_orange {font-size:14px;}
.ticket_info .coupon_detail dd p {padding-top:5px; color:#070707}
.ticket_info .item_info {margin-bottom:10px; font-size:0.92em; line-height:1.4em;}
.ticket_info .item_info table {margin:5px 0 0;}

/* tab */
.tab_detail {clear:both; width:100%; height:31px; margin-bottom:5px; border-bottom:1px solid #b3b3b3; background: #dedede;}
.tab_detail li {float:left; width:25%; border-top:1px solid #c5c5c5; background:#c5c5c5}
.tab_detail li a {display:block; padding:5px 0 0; margin-right:1px; height:24px; border-left:1px solid #efefef; border-top:1px solid #efefef;text-align:center; background:#dedede; overflow:hidden; font-size:0.92em; color:#7d7d7d;}
.tab_detail li.on a {background:#f5f5f5; height:25px; font-weight:bold; color:#070707; border-top:1px solid #eaeaea;}
.tab_detail li:last-child {background: #dedede;}
.tab_detail li:last-child a {margin-right:0;}
.tab_detail.type_2 li {width:50%;}
.tab_detail.type_3 li {width:33%;}
.tab_detail.type_3 li:last-child {width:34%;}
.tab_detail.type_6 li {width:16.6%;}
.tab_detail.type_6 li:last-child {width:17%;}

.sub_tab ul {width:100%; padding-bottom:10px; margin-bottom:10px; overflow:hidden; border-bottom:1px solid #cbcbcb; box-shadow: 1px 1px 0 0 #fff;}
.sub_tab ul li {float:left; background:url('/mobile/resources/img/common/bul/bul_part_2.png') no-repeat right 8px;}
.sub_tab ul li:last-child {background:none;}
.sub_tab ul li a {display:inline-block; padding:5px 10px;}
.sub_tab ul li.on a {color:#ea402a}


/*게시판:쓰기*/
.board_write {width:100%; margin-bottom:20px; background:#eaf1ef; border-top:1px solid #b8cfc8;}
.board_write th {padding:10px 3px; border-bottom:1px solid #b8cfc8; text-align:left; color:#6a8377;}
.board_write td {padding:5px 3px; border-bottom:1px solid #b8cfc8;}
.board_write td.type_one {padding:10px 3px;}
.board_write td.type_one h4 {margin-bottom:15px;color:#6a8377;}
.board_write tr:last-child th, .board_write tr:last-child td {border-bottom:1px solid #acacac;}
.board_write .btn {margin-left:3px;}

/* 게시판 타입 a */
.board_a_type {width:100%; margin-bottom:20px; font-weight:bold; border-bottom:0; border:1px solid #b8cfc8;}
.board_a_type thead th {background:#eaf1ef; color:#6a8377; text-align:center;}
.board_a_type th {padding:8px 7px; text-align:left; border:1px solid #b8cfc8; background:#fff;}
.board_a_type td {padding:8px 7px; text-align:right; border:1px solid #b8cfc8; color:#087dc2; background:#fff;}

.board_b_type {width:100%; margin-bottom:20px; background:#eaf1ef;}
.board_b_type th {padding:8px 0 8px 7px; text-align:left; border:1px solid #b8cfc8; border-right:0; border-left:0; color:#6a8377;}
.board_b_type td {padding:8px 7px 8px 0; border:1px solid #b8cfc8; border-left:0; border-right:0;}
.board_b_type.label_type_2 td label {display:inline-block; width:40%}
.board_b_type.join_info_table {font-size:0.86em;}
.board_b_type.join_info_table th {padding:8px 5px;}
.board_b_type.join_info_table td {padding:8px 5px 8px 0;}
.board_b_type.join_info_table input, .board_b_type.join_info_table select {font-size:12px;}
.board_b_type.join_info_table button {font-size:14px;}

.board_c_type {width:100%; margin-bottom:20px;}
.board_c_type th {padding:8px 0 8px 8px; border:1px solid #b8cfc8; background:#eaf1ef; text-align:left; color:#6a8377}
.board_c_type td {padding:8px; border:1px solid #b8cfc8; background:#fff; font-size:0.92em;}
.board_c_type tr.t_center th {text-align:center;}
.board_c_type.account td {text-align:right; }
.board_c_type.border_0 {border:1px solid #b8cfc8;}
.board_c_type.border_0 th, .board_c_type.border_0 td  {border-right:0; border-left:0; }
.board_c_type.border_0 td {padding-right:0;}
.board_c_type.border_0 tr td:last-child, .board_c_type.border_0 tr th:last-child {padding-left:0; padding-right:8px;}

/* 게시판에 들어가는 기타 */
.pay {font-size:14px;}
.pay li {padding-bottom:5px}
.pay li p {padding:2px 0 0 6px; font-size:0.92em;}

.pay_selection li {padding-bottom:5px;}
.pay_selection li input[type="radio"] {margin-right:3px;}
.pay_selection li p {padding:3px 0 5px 20px; font-size:0.86em;}

.pay_provision {padding:0 3px;}
.pay_provision div {width:100%; padding-top:10px; overflow:hidden; font-size:12px;}
.pay_provision div .btn {margin-top:-3px; padding:0 3px; font-weight:normal; line-height:18px; }

.coupon_dis li {padding-bottom:17px; font-size:12px;}
.coupon_dis li .btn {font-size:14px;}
.coupon_dis li input {font-size:12px; padding:5px 3px}
.coupon_dis li:last-child {padding-bottom:0;}

.total {width:100%; overflow:hidden; font-size:14px;}

/* 안내 타입 a */
.notice_a_box {margin:0 10px 20px; padding:15px; border:1px solid #d7d7d7; background:#efefef; border-radius:8px; font-size:0.92em; line-height:1.2em;}
.notice_a_box dt {padding-bottom:10px; font-weight:bold; text-align:left}
.notice_a_box dd {padding:0 0 5px 10px; line-height:1.2em; background:url('/mobile/resources/img/common/bul/bul_circle.png') no-repeat 0 5px} 
  
.notice_b_box {margin:0 0 20px; border:1px solid #d7d7d7; border-radius:8px; background:#e5e5e5;}
.notice_b_box div.item_tit {padding:10px; background:#efefef; font-weight:bold;}
.notice_b_box div.item_con {padding:10px;}
.notice_b_box.type_2 {margin:0 10px 20px;}
.notice_b_box.type_2 .item_tit {padding:15px 10px; font-weight:normal;}
.notice_b_box.type_2 div.item_con {padding:15px 10px}

ul.info_list {}
ul.info_list li {padding:0 0 5px 10px; line-height:1.2em; background:url('/mobile/resources/img/common/bul/bul_circle.png') no-repeat 0 5px}
ul.info_list.type_2 {padding:0 10px 20px; font-size:13px;}
ul.info_list.type_2 li:last-child {padding-bottom:0}

/*선물하기 결제 */
.gift_step {width:100%; height:42px; margin-bottom:10px; overflow:hidden; border-top:1px solid #d7d7d7; border-bottom:1px solid #fff; background:url('/mobile/resources/img/common/bg_step_2.png') repeat; background-size:auto 100% ;}
.gift_step li {float:left; width:36%; height:30px; padding-top:12px;font-size:0.85em; font-weight:bold; background:url('/mobile/resources/img/common/bg_step.png') no-repeat right 0; background-size:auto 100%; color:#898989;}
.gift_step li:last-child {width:28%; background:none;}
.gift_step li span.item_num {display:inline-block; width:19px; height:19px; margin:0 5px; line-height:19px; text-align:center; color:#fff; background:url('/mobile/resources/img/common/ico/bg_step.png') no-repeat 0 0; background-size:100% 100%; font-size:11px;}
.gift_step li:first-child span.item_num {margin-left:15px}
.gift_step li.on {color:#e71f00;}
.gift_step li.on span {color:#fff; background:url('/mobile/resources/img/common/ico/bg_step_on.png') no-repeat 0 0;}

.gift_step.step_2 li {width:55%}
.gift_step.step_2  li:last-child {width:45%;}

.gift_book_info {padding-left:70px; font-size:0.86em;}
.gift_book_info dt {color:#070707; font-weight:bold;}
.gift_book_info dd {padding-bottom:10px; font-weight:normal;}

.txt_point {padding:15px 0 20px; text-align:center; color:#ea402a; font-weight:bold; line-height:1.2em}

/* 책바구니 */
.cart_select {width:100%; padding:0 0 10px; overflow:hidden;}
.cart_check .book_price {padding-top:10px;}
.cart_check .book_box_one {margin-bottom:0; border-top:0;}
.cart_check .book_box_one:first-child {border-top:1px solid #b8cfc8;}
.cart_check .board_c_type {margin-top:10px;}

/* contents */
.title_box {padding:0 10px; margin-bottom:3px;} 
.title_box:after {content:" "; display:block; clear:both;}
.title_box h4 {float:left; width:auto; padding-bottom:4px;}
.title_box .item_date {float:right; display:block; padding-top:4px; font-size:0.8em; color:#959595;}
.title_box .btn_more {float:right; width:60px; height:22px; margin-top:-2px; font-size:0; line-height:0; text-indent:-9999px; border:1px solid #b7b7b7; border-radius:3px; background:url('/mobile/resources/img/common/btn/btn_more.png') no-repeat 0 0; background-size:100% 100%}
.title_box .btn_box {float:right; margin-top:-2px;}
.title_box.line {padding:10px 10px 5px; border-top:1px solid #cbcbcb; box-shadow: inset 0 1px 0 0 #fff;}

h4.part_title {padding:0 0 10px 0; color:#070707; font-size:14px; line-height:1.2em}
h4.part_title span.bul_tit {float:left; width:12px; height:12px; margin:3px 4px 0 0; display:inline-block; background:url('/mobile/resources/img/common/bul/bul_title.png') no-repeat 0 0; background-size:100% 100%;}
h4.part_title_2 {padding:0 10px 7px; font-size:14px}
h4.part_title_3 {padding:0 0 7px; font-size:14px}
 
/* 스팸신고 */
.spam_report {padding:20px 10px; text-align:center; font-weight:bold;}
.spam_report h3 {margin-bottom:10px; color:#ed2000; font-size:1.3em;}
.spam_report ul {margin:20px 0; text-align:left; border:1px solid #d7d7d7; border-top:0;}
.spam_report ul li {padding:5px 10px; border-top:1px solid #d7d7d7; background:#fff}

/* 오도독한 사람들 */
.ododoc_people {display:none; padding:20px 10px; margin-bottom:20px; background:#ededed; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.ododoc_people.on {display:block;}
.ododoc_people .title_box {padding:0 0 5px;}
.ododoc_people .friend_list {margin:10px 0 0;}
.ododoc_people .btn_group {padding-bottom:0; text-align:right;}
.ododoc_people.type_2 {background:none; border:0;}

/* 댓글리스트 */
.ododo_reply {display:none; margin-bottom:20px; background:#ededed; border-bottom:1px solid #d7d7d7;}
.ododo_reply.on {display:block;}
.ododo_reply .book_info {padding-left:0; }
.ododo_reply .book_list li {border-color:#cfcfcf;}
.ododo_reply .reply_write {padding:7px 10px; margin-bottom:10px; background:#d7d7d7; text-align:center;}
.ododo_reply .btn_group  {padding:10px; text-align:right;}

.ododo_reply.type_2 {background:none; border:0}
.ododo_reply.type_2 .reply_write {padding:0 10px; margin:0; background:none; text-align:left;}
.ododo_reply.type_2 h4 {padding:10px 0;}
.ododo_reply.type_2 .book_info {padding-top:0;}

/* 전자책 서점 메인 */
.store_category {margin-bottom:10px;}
.store_category li {position:relative; background:#e4e4e4 url('/mobile/resources/img/common/bg_line.png') repeat-x 0 bottom;}
.store_category li:after {content:" "; display:block; clear:both;}
.store_category li div {padding:0 79px 0 20px;  color:#4f4f4f}
.store_category li div button {padding:10px 0 8px; font-size:14px; font-weight:bold; color:#4f4f4f}
.store_category li li div {padding-left:31px;}
.store_category li li li div {padding-left:42px;}
.store_category li a {display:block; padding:10px 79px 8px 20px;  color:#4f4f4f}
.store_category li li a {padding-left:31px;}
.store_category li li li a {padding-left:42px;}
.store_category li a.item_more {position:absolute; right:0; top:8px; width:68px; padding:0 0 0 10px; height:20px; line-height:20px; font-size:12px; text-align:center; border-left:1px solid #c3c3c3; box-shadow:1px 0 0 0 #e4e4e4 inset; background:url('/mobile/resources/img/common/bul/bul_arrow.png') no-repeat 93% center; background-size:auto 50%;}
.store_category li ul {display:none; clear:both; margin-bottom:1px; background:#d9d9d9 url('/mobile/resources/img/common/bg_line_2.png') repeat-x 0 0;}
.store_category li.on ul.on {display:block;}
.store_category li ul li {background:none; border-bottom:1px solid #c3c3c3;}
.store_category li ul li:last-child {border-bottom:0;}
.store_category .ico_status {display:inline-block; width:15px; height:15px; margin:-3px 5px 0 0; background:url('/mobile/resources/img/common/btn/btn_cate_plus.png') no-repeat 0 0; background-size:100% auto ; vertical-align:middle;}
.store_category .ico_status.on {background:url('/mobile/resources/img/common/btn/btn_cate_minus.png') no-repeat 0 0;}
.store_category li.no_tree div {padding-top:10px; padding-bottom:8px;}
.store_category li.no_tree .ico_status {width:13px; height:13px; background:url('/mobile/resources/img/common/bul/bul_cate_depth.png') no-repeat 0 0;}
.store_category.type_check_list {border:1px solid #b8cfc8; border-top:0;}
.store_category.type_check_list li {background:#fff; border-top:1px solid #b8cfc8; border-bottom:0;}
.store_category.type_check_list ul {background:none;}
.store_category.type_check_list * {background-color:#fff;}
.store_category.type_check_list li label {display:block !important; padding:10px 79px 8px 28px;  color:#4f4f4f;}
.store_category.type_check_list li li label {padding-left:39px;}
.store_category.type_check_list li li li label {padding-left:50px;}
.store_category input.type_check {position:absolute; left:3px; top:9px; size:12px; margin-top:0 !important;} 


/* catgory navigation */
.category_area {position:relative; }
.category_area h3 {height:30px; padding:0 15px; line-height:30px; border-bottom:1px solid #d4d4d4; text-align:center;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), to(#ebebeb)); color:#070707}
.category_area .cate_home {position:absolute; left:10px; top:0; font-weight:bold; padding:0 5px 0 20px; height:30px; line-height:30px; font-size:12px; background:url('/mobile/resources/img/common/bul/bul_prev.png') no-repeat 0 center; background-size:auto 60% ;}
.category_area .cate_full_down {position:absolute; right:10px; top:0; width:30px; height:30px; background:url('/mobile/resources/img/common/bul/bul_arrow_3.png') no-repeat center center}
.category_area .cate_list {display:none; background:#e9e9e9;}
.category_area .cate_list h4  {padding:8px 10px 6px; border-bottom:1px solid #ddd; }
.category_area .cate_list h4 .ico_status {display:inline-block; width:15px; height:15px; margin:-3px 5px 0 0; background:url('/mobile/resources/img/common/btn/btn_cate_plus.png') no-repeat 0 0; background-size:100% auto ; vertical-align:middle;}
.category_area .cate_list li {position:relative; border-bottom:1px solid #ddd; background:url('/mobile/resources/img/common/bul/bul_cate_depth.png') no-repeat 20px center; background-size:auto 40%;}
.category_area .cate_list li a {display:block;padding:10px 10px 8px 40px; }
.category_area .cate_list li span {position:absolute; right:0; top:8px; width:68px; padding-right:10px; height:20px; line-height:20px; font-size:12px; text-align:center; border-left:1px solid #c3c3c3; box-shadow:1px 0 0 0 #e4e4e4 inset; background:url('/mobile/resources/img/common/bul/bul_arrow.png') no-repeat 93% center; background-size:auto 50%;}
.category_area .shelf_list {display:none}
.category_area .shelf_list li {position:relative; border-bottom:1px solid #ddd; background:#e9e9e9;}
.category_area .shelf_list li a {display:block;padding:10px 15px; font-weight:bold;}
.category_area.on .cate_list {display:block}
.category_area.on .shelf_list {display:block;}
.category_area.sub .store_category {display:none;}
.category_area.sub.on .store_category {display:block;}

/* 독서현황 */
.book_read_status {width:100%; padding-bottom:3px; overflow:hidden;}
.book_read_status li {float:left; width: 31%; margin-right:2%; min-height:80px; padding:6px 0; border:1px solid #ccc; border-radius:8px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), to(#e9e9e9)); box-shadow:1px 1px 1px 1px #e9e9e9; text-align:center;}
.book_read_status li:last-child {width:31%;margin-right:0;}
.book_read_status p {font-size:0.86em; margin-bottom:3px;}
.book_read_status span.ico_status {display:inline-block; width:40px; height:31px; background:url('/mobile/resources/img/common/ico/ico_status.png') no-repeat 0 0;}
.book_read_status .ico_status.ico_2 {background-position:-40px 0; }
.book_read_status .ico_status.ico_3 {background-position:-80px 0; }
.book_read_status .ico_status.ico_4 {background-position:-120px 0; }
.book_read_status.type_3 {margin:10px 0 20px;}
.book_read_status.type_3 li:last-child {}

/* 링크 리스트 */
.link_list {margin-bottom:5px; border:1px solid #b0c9c1; border-bottom:0}
.link_list li {position:relative; border-bottom:1px solid #b0c9c1; background:#fff;}
.link_list li .item {display:block; padding:10px 15px;}
.link_list li .btn_remove_2 {position:absolute; right:5px; top:50%; margin-top:-10px;}

/* 키워드 검색 */
.keyword_search {padding:10px 0 15px;}
.keyword_search p {padding-bottom:5px; font-size:0.86em;}
.keyword_search .type_text {font-size:0.92em; padding:4px;}

/* 서비스 종류 리스트 */
.service_type {padding:0 10px 10px; overflow:hidden;}
.service_type:after {content:" "; clear:both; }
.service_type li {float:left; width:30%; padding:15px 0 10px ; margin:0 4.3% 0 0; border:1px solid #d7d7d7; border-radius:8px; text-align:center; background:#efefef;}
.service_type li.on {border-color:#ea402a; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), to(#e9e9e9));}
.service_type li:last-child {float:right; margin-right:0}
.service_type li p {margin-bottom:10px;}

/* 프로필사진 */
.setting_profile {width:100%; overflow:hidden;}
.setting_profile .user_img {float:left;}
.setting_profile p {padding:13px 0 0 80px; line-height:1.2em;}

/* 로그인 */
#body.login_container {padding-top:30px; background-image: url('/mobile/resources/img/common/bg_gradation.png'), url('/mobile/resources/img/common/bg_pattern_1.png'); background-position: 0 0, 0 0; background-repeat: repeat-x, repeat;}
.login_container h2.logo {width:200px; height:49px; margin:0 auto; background:url('/mobile/resources/img/common/logo_l.png') no-repeat 0 0; background-size:100% 100%; font-size:0; line-height:0; text-indent:-9999px;}
.login_container .login_box {position:relative; margin:0 30px;}
.login_container .login_box legend {display:none;}
.login_container .login_box input.type_text {display:block; width:170px; height:19px; margin-bottom:5px;}
.login_container .login_box .btn_login {position:absolute; left:185px; top:0; color:#fff; width:75px; height:58px; line-height:55px; border-radius:5px; background:url('/mobile/resources/img/common/btn/bg_red.png') repeat-x 0 0; background-size:100% 100%; border:1px solid #ca1b00;   text-shadow:1px 1px 1px #333; font-weight:bold; font-size:1.1em;}
.login_container .login_box .etc {padding-top:5px;}
.login_container .login_box label {font-weight:bold; margin-right:10px;}
.login_container .login_links {padding:0 30px; }
.login_container .login_links h4 {margin:20px 0 5px}
.login_container .login_links .btn_c_st {width:120px; height:35px; line-height:35px; border-color:#acacac;}

/* 회원가입 */
.provision_agree_box dl {position:relative;  padding-bottom:15px; margin-bottom:15px;  font-size:0.86em; border-bottom:1px dotted #dedede;}
.provision_agree_box dl:last-child {border:0; margin:0}
.provision_agree_box dl dt {padding-top:5px; font-weight:bold;} 
.provision_agree_box dl dd {padding-top:10px;}
.provision_agree_box dl dd.item_btn {position:absolute;; right:0; top:0; padding-top:0}

.zip_box {padding:10px 5px; margin-top:5px; border:1px solid #b8cfc8; background:#d3e1dd;}
.zip_box p {margin-bottom:6px;}

.pass_change li {padding-top:10px; text-align:left;}
.pass_change li strong {display:inline-block; width:110px;}









